﻿<html>
    <head>
        <title>LiteMedia.Alive development</title>
        <script src="/Alive.axd/?file=chart.js"></script>
        <script>
            var settings = {
                base_color: '#606060',
                graph_colors: ['#006666', '#339999', '#00CC99', '#66CCCC', '#00FFCC', '#33FFCC', '#66FFCC', '#99FFCC', '#CCFFFF']
            };

            function draw(root) {
                var canvas = document.getElementById('myCanvas');
                var data = {
                    'CPU': [39,33,39.5,37.7,54.2,31,36.1,30.7,40.7,38.1,31.9,44.2,60.6,42.3,123],
                    'CPU #1': [33.8,18.8,26,33.3,46,24.3,23.3,20.7,34.3,27.1,22.1,30,54.5,34.7,112],
                    'CPU #2': [45.1,43,55,36.5,60.5,35.9,50,42.2,46.9,48.5,41.7,57.3,62.4,49.4,102]
                }
                var chart = new Chart(settings, { 'max': 200});
                chart.paint(canvas, 'Hardware', data);
            }
        </script>
    </head>
    <body onload="draw(this);">
        <canvas id="myCanvas" width="440" height="220">
            You need a browser that support the &lt;canvas&gt; element.          
        </canvas>
        <a href="/Alive.axd/">Start</a>
    </body>
</html>